<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" session="false" %>
<%@ page import="com.atozsoft.commonutil.Constants"%>
<%@ page import="java.util.Date"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%@ taglib uri="/WEB-INF/tlds/workflow.tld" prefix="wf"%>
<%@ taglib uri="http://org.gocom.bpm.platform/tags/processgraph" prefix="p"%>
	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- 
  - Author(s): houfy
  - Date: 2015-01-04 10:12:31
  - Description:业务明细页面调用到已审批的数据中显示，TAB内嵌
-->
<head>
	<% 	 	
 	 	//流程实例ID
 	 	String processInstId = "";
		if(request.getParameter("processInstId")!=null){
			processInstId = (String)request.getParameter("processInstId");
		}
 	%>
	<title>流程明细</title>
    <%@include file="/common.jsp"%>
	<%@include file="/common/common.jsp"%>
    <%@include file="/coframe/tools/skins/common.jsp" %>
    <script src="<%=request.getContextPath()%>/crm/js/uploadify/js/jquery-1.9.1.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/crm/js/uploadify/js/jquery.uploadify-src.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/crm/js/uploadify/css/uploadify.css">
    
    <style type="text/css">
	    html, body{
	        width:99%;height:100%;
	    }    
    </style>
    <style type="text/css">
	    .asLabel .mini-textbox-border,
	    .asLabel .mini-textbox-input,
	    .asLabel .mini-buttonedit-border,
	    .asLabel .mini-buttonedit-input,
	    .asLabel .mini-textboxlist-border
	    {
	        border:0;background:none;cursor:default;
	    }
	    .asLabel .mini-buttonedit-button,
	    .asLabel .mini-textboxlist-close
	    {
	        display:none;
	    }
	    .asLabel .mini-textboxlist-item
	    {
	        padding-right:8px;
	    }    
    </style>
</head>
<body>
	<div style="width:99%;height:100%;float:left;">
    		<iframe id="graph" width="100%" height="100%" scrolling="no" name="graph" src='<%=request.getContextPath()%>/wf/common/showWFGraph.jsp?zoomQuotiety=1.0&processInstId=<%=processInstId %>' frameBorder="0"></iframe>
	</div>
	<div style="width:99%;height:100%;float:right;">
		<div class="nui-toolbar" style="border-bottom:0;">
    		<table style="width:100%;">
        		<tr>
				    <th align="center">审批意见</th>
	            </tr>
	        </table>
    	</div>
  		<div id="processApproveOpinionDataGrid" class="nui-datagrid" style="width:100%;height:300px;"
  		 url="com.atozsoft.wf.processOperate.queryProcessApprovalOpinionList.biz.ext" 
  		 idField="approveid" dataField="datas" allowResize="false" allowCellEdit="true" multiSelect="true" showpager="false"
  		 allowCellSelect="true" allowCellValid="true" allowAlternating=true>
        	<div property="columns">
          		<div type="indexcolumn"></div>
				<div nowrap="nowrap" field="workitemname" width="40px"  align="center" headerAlign="center" allowSort="true">流程节点</div> 
				<div nowrap="nowrap" field="approvetype"  width="40px"  align="center" headerAlign="center" allowSort="true" renderer="onApproveType">审批类型</div> 
				<div nowrap="nowrap" field="approvent"    width="260px" align="left"   headerAlign="center" allowSort="true">审批意见</div> 
				<div nowrap="nowrap" field="showatt"      width="60px"  align="center" headerAlign="center" allowSort="true" renderer="showAtt">附件</div>
				<div nowrap="nowrap" field="fileid"       width="60px"  align="center" headerAlign="center" allowSort="true" visible="false"></div>
				<div nowrap="nowrap" field="empname"      width="60px"  align="center" headerAlign="center" allowSort="true">操作人</div> 
				<div nowrap="nowrap" field="createdate"   width="60px"  align="center" headerAlign="center" allowSort="true" dateFormat="yyyy-MM-dd HH:mm">操作时间</div>
        	</div>
      	</div>
    </div>
	<script type="text/javascript">	
    	nui.parse();
    	
    	var grid = nui.get("processApproveOpinionDataGrid");
    	var processInstId="<%=processInstId%>";
        grid.load({processInstId:processInstId});
        grid.sortBy("approveid","asc");
        
        //参数类型数据字典关联
		function  onApproveType(e){
		   var dictText="";
		   if (this.field=="approvetype")
		   		dictText = nui.getDictText("PROCESS_APPROVETYPE", e.row.approvetype.trim());
		   return dictText;
		}
    </script>
</body>
</html>